<template>
  <div>


    <div class="content">
      <div class="fixd-head" style="z-index: 5">
        <my-header></my-header>
      </div>
      <div class="content-bottom">
        <div style="width: 150px;position: fixed;top: 60px;bottom: 0px;z-index: 2">
          <left></left>
        </div>
      <div style="position: absolute;left: 150px;right: 0;">

          <router-view></router-view>

      </div>

      </div>
    </div>
  </div>

</template>

<script>
  import left from "./left-nav.vue";
  import Myheader from "./header.vue";
  export default {
    name: 'home',
    components: {
      left,
      "my-header": Myheader
    },
    mounted(){

    },
  }
</script>

<style lang="less">
  @import "../css/home.less";

</style>
